package cn.lhjl.day11.note;
/*
*
* HTML标签：表单标签
* 表单：
*   概念：用于采集用户输入的数据。用于和服务器进行交互。
*   form：用于定义表单的，可以定义一个范围，范围代表采集用户数据的范围
*       属性：1.action：指定提交数据的URL
*            2.method：指定提交的方式
*             分为7种，常用2种，get和post
*             get：1.请求参数会显示在地址栏中，会封装到请求行中（HTTP协议后讲解）
*                  2.请求参数的大小是有限制的。
*                  3.不太安全
*             post：1.请求参数不会再地址栏中显示，会封装到请求体中
*                   2.请求参数的大小没有限制
*                   3.较为安全。
*       表单项中的数据要想被提交：必须指定其name属性。
* 表单项标签：
*   input：可以通过type属性值，改变元素展示的样式
*       type属性：常用的有以下
*           1.text：文本输入框 ，属性placeholder可现实文本框默认值，用户输入输入内容后默认值会消失。
*           例如<label for="username">用户名</label><input  type="text" name="username" placeholder="请输入用户名" id="username"/><br>
            2.password：密码输入框（和文本输入框一样，但是会把输入信息用星号代替显示在屏幕上）
*           3.radio：单选框 注意：1.想让多个单选框实现单选的效果，则多个单选框的那么属性值必须一样.
*                                2.一般给每个属性提供value属性，指定其被选中后提交的值。
*                                3.checked属性，可以指定默认值。
*                                例如：
* <input type="radio" name="sex" id="man" value="man" checked="checked"/><label for="man">男</label>
  <input type="radio" name="sex" id="woman" value="woman" checked="checked"/><label for="woman">女</label>
*           4.checkbox 复选框：
*               注意：
*               1.一般会给每个单选框一个value属性，指定为选中提交的值。
*               2.checked属性，可以默认选中和不选中。
*        label：指定输入项的文字描述信息
*           注意：label的for属性一般会和input的id属性对应，如果对应了。则点击label区域。会让input输入框获取焦点
*           5.其他一些常用input标签
*               图片：<input type="file" name="file" id=""  /><br>
			隐藏域：<input type="hidden" name="id"  value="a" />
			取色器<input type="color" name="color" /><br>
			生日<input type="date" name="birthday" /><br>
			生日：<input type="datetime-local" name="birthday"  /><br>
			邮箱：<input type="email" name="" id="" value="" /><br>
			年龄：<input type="number" name="" /><br>
			<input type="submit" value="登录" /><br>
			<input type="image" src="黑马官网image/icon_2.jpg" /><br>
			<input type="button"  value="一个按钮" />
*           submit是提交按钮，image也是提交按钮
*
*
* */
public class HTML表单标签 {
}
